<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<script src="./bootstrap/js/bootstrap.bundle.js"></script>
		<script src="./js/jquery-3.6.0.min.js"></script>
		<title>form 表单</title>
	</head>
	<style type="text/css">
		.row {
			margin-bottom: 15px;
		}

		form {
			margin: 50px auto;
			border-radius: 20px;
			padding: 20px;
			width: 450px;
		}
		.alignCenter{
			text-align: center;
		}
	</style>
	<body>
	 
			 
			<div class="alignCenter">
				<img src="./img/a.fw.png" width="500" height="500" style="border-radius: 50%;">
				<h2>重庆三峡职业学院</h2>
			</div>





		<form action="/login" method="post" class="bg-light">
			<fieldset>
				<legend>用户登录</legend>
				<div class="container">
					<div class="row">
						<div class="col-3" style="text-align: right;">
							<label>用户名：</label>
						</div>
						<div class="col-9">
							<input class="form-control" type="text" name="username" />
						</div>
					</div>
					<div class="row">
						<div class="col-3" style="text-align: right;">
							<label>密码：</label>
						</div>
						<div class="col-9">
							<input class="form-control" type="password" name="pswd" />
						</div>
					</div>
					<div class="row">
						<div class="col-3 offset-3">
							<button class="btn btn-danger" type="reset">重置</button>
						</div>
						<div class="col-6">
							<button type="submit" class="btn btn-success">提交</button>
						</div>
					</div>
				</div>



			</fieldset>
		</form>



	</body>
</html>
